tangled.org
Signed-off-by: Safwan Parkar safwanparkar6@gmail.com
+3
-2
appview/pages/templates/repo/tree.html
+3
-2
appview/pages/templates/repo/tree.html
···
61
61
62
62
{{ if .IsFile }}
63
63
{{ $icon = "file" }}
64
-
{{ $iconStyle = "size-4" }}
64
+
{{ $iconStyle = "flex-shrink-0 size-4" }}
65
65
{{ end }}
66
66
<a href="{{ $link }}" class="{{ $linkstyle }}">
67
67
<div class="flex items-center gap-2">
68
-
{{ i $icon $iconStyle }}{{ .Name }}
68
+
{{ i $icon $iconStyle }}
69
+
<span class="truncate">{{ .Name }}</span>
69
70
</div>
70
71
</a>
71
72
</div>
History
1 round
2 comments
safwanyp.com
submitted
#0
1 commit
expand
collapse
appview: pages/templates/repo: fix styling for file tree items
Signed-off-by: Safwan Parkar <safwanparkar6@gmail.com>
Forgot to add a description.
changes:
truncateutilityy class. had to wrap the file name in aspanfor this since I've never used template tooling for building UIs 😅flex-shrink-0to the icon to maintian their size when the names get too long.before: long file names could overflow, and icons would get compressed/smaller. after: names are truncated with ellipsis, and icons are sized consistently